<template>
  <div class="about" :style="{minHeight:$store.state.minHeight+'rem'}">
    <myHead title="关于我们" background-color="linear-gradient(170deg,rgba(251,68,72,1) 0%,rgba(254,111,77,1) 100%)"></myHead>
    <div class="logo">
      <div class="Img">
        <img src="" alt="">
      </div>
      <div class="name">纸条校园</div>
    </div>
    <div class="intro">纸条校园是上海包图网络科技有限公司旗下素材在线交易网站，于2016年7月上线运营。主要服务是提供图片、视频、音频、psd源文件等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。</div>
    <div class="desc">
      <div class="list" @click="call('010-67770472')">
        <div class="left">客服电话</div>
        <div class="right">010-67770472</div>
      </div>
      <div class="list">
        <div class="left">工作日</div>
        <div class="right">9：00-18：00</div>
      </div>
      <div class="list">
        <div class="left">客服邮箱</div>
        <div class="right">service@nnfe.com</div>
      </div>
    </div>
    <div class="copyright">最终解释权归陕西德祐有限公司</div>
  </div>
</template>

<script>
  import myHead from "../../components/BusinessComponents/lib/myHead";

  export default {
      name: "about",
      components: {
        myHead
      },
      data() {
        return {

        };
      },
      methods: {
        call(phone){
          // 调用拨号功能
          window.location.href = 'tel://' + phone;
        }
      }
  }
</script>

<style scoped>
  .about{
    background: #F5F5F5;
    padding-top: .8rem;
  }
  .about .logo .Img{
    width: .6rem;
    height: .6rem;
    border-radius: .3rem;
    overflow: hidden;
    margin: 0 auto;
  }
  .about .logo .name{
    text-align: center;
    font-size: .18rem;
    color: #4D4D4D;
    padding: .1rem 0;
  }
  .about .intro{
    padding: .1rem .3rem;
    font-size: .14rem;
    color: #666666;
    text-indent: .28rem;
  }
  .about .desc{
    padding: 0 .3rem;
    margin-top: .2rem;
  }
  .about .list{
    display: flex;
    justify-content: space-between;
    padding: .15rem 0;
    border-bottom: 1px solid #CCCCCC;
    font-size: .14rem;
    color: #4D4D4D;
  }
  .copyright{
    position: absolute;
    bottom: .2rem;
    width: 100%;
    text-align: center;
    color: #4D4D4D;
    font-size: .12rem;
  }
</style>
